<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>我的案例</title>
<link rel="stylesheet" type="text/css" href="css/lib/swiper.min.css"/>
<link rel="stylesheet" type="text/css" href="css/lib/doumee.css"/>
<link rel="stylesheet" type="text/css" href="css/public.css"/>
<link rel="stylesheet" type="text/css" href="css/money.css"/>
<script src="js/lib/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
<script src="js/lib/swiper.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/lib/vue-2.5.17.js" type="text/javascript" charset="utf-8"></script>
<script src="js/lib/doumee.js" type="text/javascript" charset="utf-8"></script>
<script src="js/data.js" type="text/javascript" charset="utf-8"></script>
<style type="text/css">
	.money-history{padding-left: 12px;}
	.money-history .box{padding: 15px 12px 15px 0;}
	.money-history .box .flex-full{overflow: hidden;}
	.money-history .box .name{color: #333;margin-bottom: 8px;}
	.money-history .box .time{color: #999;}
	.money-history .box .val{font-size: 20px;color: #333;}
</style>
</head>

<body>

<header class="header">
	<a class="left_icon back_btn"></a>
	<h4 class="title">我的佣金</h4>
</header>

<div class="swiper-container Main" id="Main">
	<div class="swiper-wrapper">
		<div class="swiper-slide content">
			
			<div class="children">
				
				<div class="money-wrap bg-w tc dm-mb">
					<img src="image/icon/money-icon.png" />
					<h4 class="name">我的佣金</h4>
					<h1 class="val">￥12800.00</h1>
					<button class="submitBtn" onclick="location.href='withdraw.html'" type="button">提现</button>
				</div>
				
				<div class="dm-title bg-w bottom-line">佣金明细</div>
				<div class="money-history bg-w">
					<ul class="box bottom-line flex-row">
						<li class="flex-full">
							<h5 class="name dm-wrap">发展会员王多鱼</h5>
							<h6 class="time">2018-10-10 17:20:23</h6>
						</li>
						<li class="val">+10.00</li>
					</ul>
					<ul class="box bottom-line flex-row">
						<li class="flex-full">
							<h5 class="name dm-wrap">申请提现</h5>
							<h6 class="time">2018-10-10 17:20:23</h6>
						</li>
						<li class="val">-1000.00</li>
					</ul>
				</div>
				
				<!--空数据-->
				<div class="emptyMod nullMod" style="padding-top: 40px;padding-bottom: 40px;display: none;">
					<div class="txt">暂无佣金记录<br />快去转化你的粉丝吧</div>
					<a href="" class="link">立即转化</a>
				</div>
				<!--空数据 end-->
				
			</div>
			
		</div>
	</div>
</div>

<script type="text/javascript">

new copy('.money-history',5).data();
pullSwiper('#Main',{
	up:true,//启动下拉刷新,也可自定义函数，默认禁用
	down:true,//启用上拉加载,也可自定义函数，默认禁用
});

function refresh(pull){
	pull.innerHTML = '刷新完成';
};

function reload(pull){
	pull.innerHTML = '已加载全部数据';
};

</script>

</body>
</html>
